<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<!-- link stylesheet files -->
<link href="./resources/css/bootstrap/bootstrap.min.css"
	rel="stylesheet">
</head>
<body>

	<!-- 	<div class="container-fluid"> -->
	<!-- 		<div class="row" style="float: none; margin: 0 auto;"> -->
	<!-- 			<form class="form-signin" role="form"> -->
	<!-- 				<h2 class="form-signin-heading">Easyncloud Admin</h2> -->
	<!-- 				<table> -->
	<!-- 					<tr> -->
	<!-- 						<td><input type="email" class="form-control" -->
	<!-- 							placeholder="username" required autofocus></td> -->
	<!-- 					</tr> -->
	<!-- 					<tr> -->
	<!-- 						<td><input type="password" class="form-control" -->
	<!-- 							placeholder="Password" required></td> -->
	<!-- 					</tr> -->
	<!-- 					<tr> -->
	<!-- 						<td> -->
	<!-- 							<button class="btn btn-default" type="submit">Log in</button> -->
	<!-- 						</td> -->
	<!-- 					</tr> -->

	<!-- 				</table> -->
	<!-- 			</form> -->
	<!-- 		</div> -->
	<!-- 	</div> -->

	<form class="form-horizontal" method="post" action="/login/login">
		<fieldset>

			<!-- Form Name -->
			<legend>Easyncloud Admin</legend>

			<!-- Text input-->
			<div class="control-group" >
				<label class="control-label" for="login">Login</label>
				<div class="controls">
					<input id="login" name="login" placeholder="please enter your admin username"
						class="input-xlarge" type="text" required >
				</div>
			</div>

			<!-- Password input-->
			<div class="control-group">
				<label class="control-label" for="password">Password</label>
				<div class="controls">
					<input id="password" name="password"
						placeholder="please enter your password" class="input-xlarge" type="password" required>
				</div>
			</div>

			<!-- Button -->
			<div class="control-group">
				<div class="controls">
					<button id="connect" name="connect"
						class="btn btn-primary">Connect</button>
				</div>
			</div>

		</fieldset>
	</form>
	<!-- /container -->


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
</body>
</body>
</html>